﻿@{
    Layout = "~/Views/SHared/_Layout.cshtml";
}

@section Scripts
{
    @RenderSection("Scripts", false)
}

<div class="container jumbotron color-white">
    <div class="row">
        <div class="col-md-12 inner-navbar">
            <ul class="nav nav-pills">
                <li data-bind="css: { active: Main.State.CurrentController() == 'Project' }"><a href="#" data-bind="click: Main.Page.ChangePage.bind($data,'@Url.Action("Main", "Project")')">Mis Proyectos</a></li>
                <li data-bind="css: { active: Main.State.CurrentController() == 'UserPendingProject' }"><a href="#" data-bind="click: Main.Page.ChangePage.bind($data,'@Url.Action("Main", "UserPendingProject")')">Pendientes</a></li>
                <li data-bind="css: { active: Main.State.CurrentController() == 'FavoriteProject' }"><a href="#" data-bind="click: Main.Page.ChangePage.bind($data,'@Url.Action("Main", "FavoriteProject")')">Favoritos</a></li>
                <li data-bind="css: { active: Main.State.CurrentController() == 'Investment' }"><a href="#" data-bind="click: Main.Page.ChangePage.bind($data,'@Url.Action("Main", "Investment")')">Mis Inversiones</a></li>
                <li data-bind="css: { active: Main.State.CurrentController() == 'Comment' }"><a href="#" data-bind="click: Main.Page.ChangePage.bind($data,'@Url.Action("Main", "Comment")')">Comentarios</a></li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            @RenderBody()
        </div>
    </div>
</div>
